<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        textarea{
            width: 300px;
            height: 100px;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <textarea name="" id="message"></textarea><button>提交</button>
    <div></div>
    <script>
        //replace()方法实现替换字符串操作，用来替换的参数可以是一个字符串，也可以是一个正则表达式
        //语法： stringObject.replace(regexp/substr,replacemengt)
        //regexp/substr被替换的字符串  如果是regexp那么它后面可以更个参数/表达式/[switch]
        //switch(也称为修饰符)按照什么样的模式来匹配 g：全局匹配  i:忽略大小  gi：全局匹配+忽略大小写
        //replacemengt 替换为的字符串

        var str = 'andy和red';
        // var newStr = str.replace('andy','baby');
        var newStr = str.replace(/andy/,'baby');
        console.log(newStr);
        

        //敏感词过滤
        var text = document.querySelector('textarea');
        var btn =document.querySelector('button');
        var div = document.querySelector('div');
        btn.onclick = function(){
            div.innerHTML = text.value.replace(/激情|gay/gi,'**');
        }
    </script>
</body>
</html>